<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>user</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/style.css">
<style>
	body{ background: #ffffff;}
	h3{ font-weight: normal;}

</style>
<script src="js/mui.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
</head>
<body>
	<div id="u_user_info">
		<div class="head_img">
        	<img src="" alt="" />
        </div>
        <div class="user_wrap">
	        <span class="user_name">小张</span>
	        <em class="per_lab">达人</em>
	        <div class="per_rel">
	        	<span><em>好友: </em><samp>58</samp></span>
	        	<span><em>获赞: </em><samp>358</samp></span>
	        	<span><em>积分: </em><samp>4525</samp></span>
	        </div>	
        </div>
	</div>
	<div class="user_top_btn">
		<span class="nav_btn">&#xe602;</span>
		<span class="note_btn">&#xe60f;</span>
	</div>
	<div id="user_btn_wrap">
		<span class="active">自我评价</span>
		<span>兴趣倾向</span>
		<span>个人信息</span>
	</div>
	<div id="user_tab_wrap">
		<section id="self_comment">
			<div class="user_pub1">
				<h3>自我评分</h3>
				<ul>
					<li>
						<i class="iconfont">&#xe633;</i>
						<em>形象</em>
						<span class="comment_star"> 
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
						</span>
						<strong>5分</strong>
					</li>
					<li>
						<i class="iconfont">&#xe632;</i>
						<em>谈吐</em>
						<span class="comment_star">
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
						</span>
						<strong>5分</strong>
					</li>
					<li>
						<i class="iconfont">&#xe632;</i>
						<em>举止</em>
						<span class="comment_star">
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
							<i class="iconfont">&#xe629;</i>
						</span>
						<strong>5分</strong>
					</li>
				</ul>
				<button class="orange_btn">修改</button>
			</div>
			<div class="my_label user_pub1">
				<h3>我的标签</h3>
				<div class="label_wrap">
					<span>技术牛人</span>
					<span>屌丝</span>
					<span>乐观</span>
					<span>乐于助人</span>
					<span>善如总结</span>
					<span>宅男</span>
					<span>夜猫子</span>
					<span class="sel_def_btn">自定义...</span>
				</div>
				<button class="orange_btn">修改</button>
			</div>
		</section>
		<section id="interest">
			<div class="user_pub1">
				<h3>我的兴趣</h3>
				<div class="border_line"></div>
				<div id="my_in_wrap" class="circle_switch">
					<ol>
						<li>
							<div class="in_img">
								<img src="" alt="" />
							</div>
							<div class="in_title">篮球</div>
						</li>
						<ol>
						<li>
							<div class="in_img"></div>
							<div class="in_title">美食</div>
						</li>
						<li>
							<div class="in_img"></div>
							<div class="in_title">足球</div>
						</li>
						<li>
							<div class="in_img"></div>
							<div class="in_title">电影</div>
						</li>
						<li>
							<div class="in_img"></div>
							<div class="in_title">音乐</div>
						</li>
						<li>
							<div class="in_img"></div>
							<div class="in_title">阅读</div>
						</li>
						<li>
							<div class="in_img"></div>
							<div class="in_title">羽毛球</div>
						</li>
						<li>
							<div class="in_img"></div>
							<div class="in_title">笛子</div>
						</li>
						<li>
							<div class="in_img"></div>
							<div class="in_title">吉他</div>
						</li>
					</ol>
				</div>
				<div class="in_pre_next">
					<span id="in_pre" class="iconfont">&#xe620;</span>
					<span id="in_next" class="iconfont">&#xe621;</span>
				</div>
				<button class="orange_btn"><a href="my_interest.html">修改</a></button>
			</div>
			<div class="user_pub1">
				<h3>活动倾向</h3>
				<ul>
					<li><i class="iconfont">&#xe633;</i><em>喜爱</em><span class="label_wrap"><span>运动</span><span>美食</span><span>听歌</span></span></li>
					<li><i class="iconfont">&#xe632;</i><em>想尝试</em><span class="label_wrap"><span>啦啦啦啦</span><span>啦啦啦啦</span><span>啦啦啦啦</span></span></li>
					<li><i class="iconfont">&#xe632;</i><em>抗拒</em><span class="label_wrap"><span>啦啦啦啦</span><span>啦啦啦啦</span><span>啦啦啦啦</span></span></li>
				</ul>
				<button class="orange_btn">修改</button>
			</div>
			<div class="user_pub1">
				<h3>时间分配</h3>
				<canvas id="circle1">
					您的浏览器不支持canvas
				</canvas>
				<canvas id="circle2" height="200">
					您的浏览器不支持canvas
				</canvas>
				<button class="orange_btn">修改</button>
			</div>
		</section>
		<section id="self_info">
			<div class="user_pub1">
				<h3>基本信息</h3>
				<ul>
					<li><i class="iconfont">&#xe608;</i><em>用户昵称</em><span>Amy 小强，</span></li>
					<li><i class="iconfont">&#xe607;</i><em>性别</em><span>男</span></li>
					<li><i class="iconfont">&#xe634;</i><em>年龄</em><span>25</span></li>
				</ul>
				<button class="orange_btn">修改</button>
			</div>
			<div class="user_pub1">
				<h3>详细信息</h3>
				<ul>
					<li><i class="iconfont">&#xe60e;</i><em>行业</em><span>UI设计</span></li>
					<li><i class="iconfont">&#xe60d;</i><em>真实姓名</em><span>小强</span></li>
					<li><i class="iconfont">&#xe60c;</i><em>社交目标</em><span>最强王者</span></li>
					<li><i class="iconfont">&#xe609;</i><em>家乡</em><span>湖北黄冈</span></li>
					<li><i class="iconfont">&#xe60b;</i><em>星座</em><span>狮子座</span></li>
					<li><i class="iconfont">&#xe60a;</i><em>感情状态</em><span>你猜</span></li>
				</ul>
				<button class="orange_btn more_btn" style="margin: 0;"><span>更多 </span><i class="iconfont">&#xe61f;</i></button>
			</div>
		</section>
	</div>
</body>

<script>
	
</script>
</html>





















